<template>
  <el-table :data="tableData" border height="calc(100vh - 225px)" :row-class-name="highLightError" style="width: 100%">
    <el-table-column type="index" width="50">
    </el-table-column>
    <el-table-column prop="name" label="姓名">
    </el-table-column>
    <el-table-column prop="mobile" label="手机号">
    </el-table-column>
    <el-table-column prop="cardNo" label="身份证">
    </el-table-column>
    <el-table-column prop="bankcard" label="银行卡号">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  props: {
    tableData: {
      type: Array,
      required: true
    }
  },
  methods: {
    highLightError ({ row }) {
      if (!row.status) { return 'error-row' }
    }
  }
}
</script>

<style>
.el-table .error-row {
  background: #fffbe6;
}
</style>
